<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    {{name}}
<!--    <h6>我是vue 模板</h6>-->
<!--    <div>-->
<!--        <span>{{ name }}</span>-->
<!--        <span>{{ age }}</span>-->
<!--        <span v-text="sex"></span>-->
<!--    </div>-->
<!--    <div>-->
<!--        <input type="text" v-model="age">-->
<!--    </div>-->
</div>
<script src="./js/dep.js"></script>
<script src="./js/watcher.js"></script>
<script src="./js/compiler.js"></script>
<script src="./js/observer.js"></script>
<script src="./js/vue.js"></script>
<script>
    const vm = new Vue({
        el: '#app',
        data: {
            name: '玖哲',
            sex: '男',
            age: 18,
            msg: '我是一个Vue实例',
            obj: {
                a: 1,
                b: 2
            }
        }
    })
</script>
</body>
</html>
